import React from 'react'

interface Error404Props {
  className?: string
}

const Error404 = ({ className }: Error404Props) => (
  <svg
    className={className}
    width="563"
    height="563"
    viewBox="0 0 563 563"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M423.426 477.409C415.619 503.349 392.664 523.275 363.912 525.956L208.47 540.449C170.639 543.976 137.098 516.31 133.554 478.655L106.69 193.204C103.146 155.549 130.942 122.164 168.773 118.637L170.944 118.435C176.149 85.7492 204.589 60.7617 238.892 60.7617H393.691C431.688 60.7617 462.491 91.4207 462.491 129.241V414.569C462.491 442.825 447.103 466.991 423.426 477.409Z"
      fill="white"
    />
    <path
      opacity="0.7"
      d="M344.532 367.371C343.213 368.57 341.495 369.329 339.484 369.519L204.52 382.278C197.778 382.915 192.849 376.22 195.365 370.015L235.553 271.219L250.374 234.851C253.082 228.15 262.19 227.289 266.224 233.352L346.179 355.758C348.818 359.686 347.739 364.681 344.532 367.371Z"
      fill="#7417EA"
    />
    <path
      d="M344.532 367.372C343.213 368.571 341.495 369.33 339.484 369.52L204.52 382.279C197.778 382.916 192.849 376.221 195.365 370.016L235.553 271.22L228.129 351.762C227.466 358.628 232.801 364.568 239.74 364.747L344.532 367.372Z"
      fill="#7417EA"
    />
    <path
      d="M260.953 329.093L249.211 279.363C248.817 277.729 249.973 276.069 251.748 275.901L271.738 274.011C273.394 273.855 274.959 275.258 274.879 276.936L272.663 327.986C272.561 329.428 271.479 330.604 270.059 330.738L264.027 331.309C262.478 331.336 261.205 330.501 260.953 329.093Z"
      fill="#F5F5FD"
    />
    <path
      d="M269.679 359.533C275.232 359.008 279.308 354.081 278.783 348.528C278.258 342.976 273.331 338.9 267.778 339.425C262.225 339.949 258.149 344.876 258.674 350.429C259.199 355.982 264.126 360.058 269.679 359.533Z"
      fill="white"
    />
    <path
      d="M451.399 492.302L429.96 491.064C429.96 491.064 431.184 499.993 426.041 507.256C419.167 516.745 412.2 518.39 412.2 518.39L432.008 550.139C432.008 550.139 422.719 528.581 429.575 520.576C436.43 512.571 452.112 517.423 452.112 517.423C452.112 517.423 438.462 508.69 440.025 501.147C441.454 493.763 451.399 492.302 451.399 492.302Z"
      fill="#7417EA"
    />
    <path
      opacity="0.6"
      d="M170.092 129.237C170.092 91.4168 200.895 60.7578 238.892 60.7578H393.691C431.688 60.7578 462.491 91.4168 462.491 129.237V414.565C462.491 451.712 435.896 481.791 398.834 482.855L406.474 459.043C427.166 454.628 439.558 436.479 439.558 414.565V129.237C439.558 104.023 419.023 83.5841 393.691 83.5841H238.892C213.56 83.5841 193.025 104.023 193.025 129.237V137.504L170.092 139.651V129.237Z"
      fill="#7417EA"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M106.69 193.204C103.146 155.549 130.942 122.164 168.773 118.637L324.214 104.144C362.046 100.617 395.587 128.283 399.131 165.938L425.995 451.389C429.539 489.044 401.743 522.428 363.912 525.956L208.47 540.448C170.639 543.975 137.098 516.309 133.554 478.655L106.69 193.204ZM170.912 141.364C145.691 143.715 127.161 165.972 129.523 191.075L156.387 476.526C158.75 501.629 181.111 520.073 206.332 517.721L361.773 503.229C386.994 500.877 405.524 478.621 403.162 453.517L376.298 168.067C373.935 142.963 351.574 124.519 326.353 126.871L170.912 141.364Z"
      fill="#7417EA"
    />
    <path
      d="M500.23 104.515C498.283 104.736 496.319 104.285 494.663 103.238C493.007 102.19 491.759 100.608 491.124 98.7544C488.713 91.8025 487.077 86.4703 487.883 81.2115C488.859 74.9733 492.872 70.9208 497.245 66.9839C500.194 64.3345 502.024 60.6193 501.917 57.5272C501.836 55.4756 500.923 53.8457 499.042 52.4069C493.481 48.1383 486.263 56.6213 485.939 56.9893C485.939 56.9893 479.807 63.5319 474.057 58.0844C468.307 52.6368 472.663 46.0694 472.663 46.0694C475.57 42.6668 479.034 39.7825 482.906 37.5395C492.149 32.2722 501.591 32.7502 509.486 38.7828C515.391 43.3103 518.796 49.7379 519.073 56.8796C519.394 65.1174 515.528 73.689 508.721 79.7959C505.525 82.6681 504.969 83.6188 504.841 83.9168C504.589 85.2256 506.59 90.9875 507.345 93.1601C507.764 94.3749 507.905 95.668 507.759 96.9447C507.613 98.2214 507.183 99.4492 506.501 100.538C505.819 101.627 504.902 102.549 503.816 103.238C502.731 103.926 501.506 104.362 500.23 104.515Z"
      fill="#7417EA"
    />
    <path
      d="M507.778 133.645C513.245 133.011 517.162 128.065 516.528 122.598C515.894 117.131 510.948 113.214 505.481 113.848C500.015 114.482 496.097 119.428 496.731 124.895C497.365 130.362 502.311 134.279 507.778 133.645Z"
      fill="#7417EA"
    />
    <path d="M84.1049 156.555L82.1083 160.928L40.3696 148.093L45.9792 131.645L84.1049 156.555Z" fill="#7417EA" />
    <path d="M90.38 142.105L86.672 147.429L39.5139 111.49L52.5394 97.8945L90.38 142.105Z" fill="#7417EA" />
  </svg>
)

export default Error404
